<template>
	<view class="status-bar"></view>
	<view class="con size29 color333">
		<view class="flex-ju-c mt20 bold color333 size35">消息</view>
		<view @click="navto('like')" class="flex-ju-b height122">
			<view class="flex-a-i">
				<image mode="widthFix" class="image width81 mr20" src="/static/img/dianzan.png"></image>
				点赞和收藏
			</view>
			<uni-icons type="right" color="#333" size="17"></uni-icons>
		</view>
		<view @click="navto('comment')" class="flex-ju-b height122">
			<view class="flex-a-i">
				<image mode="widthFix" class="image width81 mr20" src="/static/img/pinglun.png"></image>
				评论和@
			</view>
			<uni-icons type="right" color="#333" size="17"></uni-icons>
		</view>
		<view @click="navto('follow')" class="flex-ju-b height122">
			<view class="flex-a-i">
				<image mode="widthFix" class="image width81 mr20" src="/static/img/xinzeng.png"></image>
				新增关注
			</view>
			<uni-icons type="right" color="#333" size="17"></uni-icons>
		</view>
		<view @click="navto('getmsg')" class="flex-ju-b height122">
			<view class="flex-a-i">
				<image mode="widthFix" class="image width81 mr20" src="/static/img/xiaoxi.png"></image>
				<view>
					<view>消息通知</view>
					<view class="size26 color999 mt5">周末一起去打球吧</view>
				</view>
			</view>
			<uni-icons type="right" color="#333" size="17"></uni-icons>
		</view>

		<view @click="navto('msg')" class="flex-ju-b height122">
			<view class="flex-a-i">
				<image class="image wh81-81 ra81 mr20" src="/static/aaa.png"></image>
				<view>
					<view>ddd</view>
					<view class="size26 color999 mt5">周末一起去打球吧</view>
				</view>
			</view>
			<view class="color999 size26">06-27</view>
		</view>

		<uni-im-conversation-list ref="uni-im-conversation-list" @clickItem="toChat($event.id)"
			@change="conversationList = $event" :active-conversation-id="currentConversationId"
			id="conversation-list-box"></uni-im-conversation-list>

	</view>
</template>

<script>

	import uniIm from '@/uni_modules/uni-im/sdk/index.js';
	 
	export default {
		data() {
			return {
				conversationList:[],
				options: [{
						text: '聊天置顶',
						style: {
							backgroundColor: '#FF8A4C'
						}
					},
					{
						text: '删除',
						style: {
							backgroundColor: '#FF3B30'
						}
					}
				],
			}
		},
		 onLoad(param) {
			 
			uniIm.onInitDataAfter(() => {
				// console.log('onUniImInitDataAfter');
				// 执行当前页面初始化
				this.init(param)
			})

		},
		 
		methods: {
			bindClick() {},
			change() {},
			async init() {
				await this.$nextTick()
				await this.$refs['uni-im-conversation-list'].loadMore()
			},
		}
	}
</script>

<style>

</style>